jQuery(document).ready(function () {
	
	jQuery(".leftmenu ul li").removeClass("current");
	jQuery(".leftmenu ul li a.apptemplates").parent().addClass("current");
	
	//Set ace editor
	var editor = ace.edit("template-editor");
	editor.setTheme("ace/theme/twilight");
	editor.getSession().setMode("ace/mode/php");
	
	//Set current File
	var currentFile = jQuery(".list-template a:first").attr("class");
	changeFileTemplate(currentFile);
	
	//Check template edit
	jQuery(".list-template a").click(function () {
		var name = jQuery(this).attr("class");
		changeFileTemplate(name);
		
		return false;
	});
	
	jQuery(".template-panel .stdbtn").click(function () {
		jQuery("#" + currentFile).text(jQuery("#pageValue").val());
	});
	
	jQuery(".restore-default").click(function () {
		var answer=confirm("Are you restore default this template?");
		if(answer) {
			return true;
		}
		return false;
	});
	
	function changeFileTemplate(fileName) {
		currentFile = fileName;
		var val = jQuery("#" + fileName).text();
		var text = jQuery("." + fileName).parent().find("label").html();
		
		jQuery("#pageValue").val(val);
		jQuery(".label-page-edit").html(text);
		prepareACE(editor);
	}
	
	function prepareACE(editor){				
		var textarea = jQuery('#pageValue').hide();
		editor.getSession().setValue(textarea.val());
		editor.getSession().on('change', function(){
		  textarea.val(editor.getSession().getValue());
		});
	}
});